import React, { Component } from 'react'

import Item from './Item'

export default class ListItems extends Component {
  render() {
    return (
      <div>
        {
          this.props.list.map((item) => {
          return <Item key={item.id} 
          del={this.props.del}
          edit={this.props.edit}
          id={item.id}>{item.name}</Item>;
          })
        }

      </div>
    )
  }
}
